<html>
<head>
<base href="http://tabletopengine.googlecode.com/svn/trunk/">
<script type="text/javascript" src="util.js"></script>
<script type="text/javascript" src="fake_getMapJS.js"></script>
<script type="text/javascript" src="tabletop-draw.js"></script>
<style type="text/css">
	body { background-color: #666; }
	#tabletopBoard { z-index: 1; }
	#tabletopSelection {z-index: 2;}
	#tabletopBuildings {z-index: 3;}
	#tabletopUnits {z-index: 4;}
</style>
</head>
<body onLoad="bodyLoadEvent()">
	<!--textarea id="debug" rows=80 cols=100></textarea><br-->
<div id=limit style="position: absolute; top: 10px; left: 10px; width: 480px; height: 480px; border: 1px solid red; overflow: hidden;">
	<div class=mapArea id="tabletopBoard"></div>
	<div class=mapArea id="tabletopSelection"></div>
	<div class=mapArea id="tabletopBuildings"></div>
	<div class=mapArea id="tabletopUnits"></div>
</div>
</body>
</html>
